
$mat-xs: "screen and (max-width: 599px)";
$mat-sm: "screen and (min-width: 600px) and (max-width: 959px)";
$mat-md: "screen and (min-width: 960px) and (max-width: 1279px)";
$mat-lg: "screen and (min-width: 1280px) and (max-width: 1919px)";
$mat-xl: "screen and (min-width: 1920px) and (max-width: 5000px)";
$mat-lt-sm: "screen and (max-width: 599px)";
$mat-lt-md: "screen and (max-width: 959px)";
$mat-lt-lg: "screen and (max-width: 1279px)";
$mat-lt-xl: "screen and (max-width: 1919px)";
$mat-gt-xs: "screen and (min-width: 600px)";
$mat-gt-sm: "screen and (min-width: 960px)";
$mat-gt-md: "screen and (min-width: 1280px)";
$mat-gt-xmd: "screen and (min-width: 1600px)";
$mat-gt-xl: "screen and (min-width: 1920px)";
$mat-md-lg: "screen and (min-width: 960px) and (max-width: 1819px)";

$primary-hue-3: rgb(207, 216, 220) !default;

$cne-primary-color: #2a5a7a;
$cne-secondary-color: #4a7a9a;
$cne-hue3-color: #6a9aaa;
$cne-dark-primary-color: #1a4a6a;

$cne-neutral-dark: #333333;
$cne-neutral-medium: #666666;
$cne-neutral-light: #cccccc;

$cne-success-color: #4caf50;
$cne-warning-color: #ff9800;
$cne-error-color: #f44336;
$cne-info-color: #2196f3;

$cne-background-primary: #f4f6f7;
$cne-background-secondary: #fff;
$cne-background-tertiary: #f0f2f4;

:root {
  --cne-primary-color: #{$cne-primary-color};
  --cne-secondary-color: #{$cne-secondary-color};
  --cne-hue3-color: #{$cne-hue3-color};
  --cne-dark-primary-color: #{$cne-dark-primary-color};
  --cne-neutral-dark: #{$cne-neutral-dark};
  --cne-neutral-medium: #{$cne-neutral-medium};
  --cne-neutral-light: #{$cne-neutral-light};
  --cne-success-color: #{$cne-success-color};
  --cne-warning-color: #{$cne-warning-color};
  --cne-error-color: #{$cne-error-color};
  --cne-info-color: #{$cne-info-color};
  --cne-background-primary: #{$cne-background-primary};
  --cne-background-secondary: #{$cne-background-secondary};
  --cne-background-tertiary: #{$cne-background-tertiary};
}
